<template>

        <div class="mui-numbox" data-numbox-min='1' >
					<button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
					<input id="test" class="mui-input-numbox" type="number" value="0"  @change="changenumber" ref='numbox'/>
					<button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
				</div>
</template>


<script>
import mui from "../../lib/mui/js/mui.min.js";
export default {
        data() {
            return {}
        },

        methods: {
            changenumber() {
                this.$emit("func", parseInt(this.$refs.numbox.value));
            }
        },

        create() {
            console.log(this.maxnum)
        },

    

        mounted() {
                  // 初始化数字选择框组件
              mui(".mui-numbox").numbox();
                   mui(".mui-numbox")
              .numbox()
              .setOption("max", 30);
        },

         props: ['maxnum'],

    watch: {
    // 属性监听
    maxnum: function(newVal, oldVal) {
      // 使用 JS API 设置 numbox 的最大值
      mui(".mui-numbox")
        .numbox()
        .setOption("max", newVal);
    }
  }

      
}
</script>




<style lang="less" >

</style>